.lefticons{color:#ffffff;padding:10px 0px;position:relative;border-radius:5px;margin:15px 5px}
.lefticons:hover{background: rgba(0,0,0,0.05);}
.leftactive {background: rgba(0,0,0,0.1);}

.chatlist{padding:8px;cursor:pointer;margin:0px 5px}
.chatlist img{height:30px;width:30px;border-radius:5px}
.chatlist .name{height:24px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px;}
.chatlist .cont{color:#888888;font-size:12px;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:120px;}
.chatlist:hover,.chatlist:active{background:rgba(0,0,0,0.05);border-radius:5px}

.toolsliao{height:34px;overflow:hidden;border-top:#dddddd solid 1px;color:#aaaaaa;line-height:34px;}
.chattitbtn:hover{color:#1389D3;color:var(--main-color)}
.toolsspan{padding:2px 5px;cursor:pointer;margin-left:5px;color:#aaaaaa}
.toolsspan:hover{background-color:rgba(0,0,0,0.05);border-radius:5px;color:var(--main-color)}


.agenhclsdiv{display:inline-block}
.agenhcls{min-width:80px;text-align:center;cursor:pointer;float:left;padding:10px;margin-left:5px;position:relative}
.agenhcls img{height:34px;width:34px;border-radius:5px}
.agenhcls:hover{background-color:rgba(0,0,0,0.05);border-radius:5px}
.agenhcls span{position:absolute;right:1px;top:1px}